.course {
  height: auto;
  padding: 0 35rpx;
  padding-bottom: 100rpx;

  .course_card_box {

    .course_type_list {
      // margin: 0 34rpx;
      display: flex;
      overflow-x: scroll;

      .course_type_item {
        padding: 10rpx 30rpx;
        font-size: 30rpx;
        white-space: nowrap;
        background-color: #D8E9E3;
        border-radius: 30rpx 30rpx 0 0;
      }

      .course_current_type_item {
        background-color: #FFEBD0 !important;
      }
    }

    .course_top {
      background-color: #FFEBD0;
      padding: 30rpx 55rpx;

      .course_name {
        font-size: 30rpx;
      }

      .course_count {
        font-size: 30rpx;
        margin-top: 20rpx;

        .toast {
          font-size: 17rpx;
        }
      }

      .bind_student {
        display: flex;
        font-size: 30rpx;
        justify-content: space-between;
        margin-top: 20rpx;
        align-items: center;

        .left {
          // color: #016241;
        }

        .right {
          background-color: #016241;
          color: #fff;
          border-radius: 40rpx;
          border: 0;
          font-size: 25rpx;
          border: solid 1rpx #016241;
          padding: 2.5rpx 15rpx;
        }
      }
    }

    .course_card {
      box-shadow: 0rpx 0rpx 10rpx rgba(0, 0, 0, 0.3);
      border-radius: 0 0 20rpx 20rpx;

      .fraction {
        padding: 50rpx;

        .title {
          font-weight: 900;
          margin-bottom: 50rpx;
        }

        .suggest {
          padding-top: 35rpx;
          margin-top: 50rpx;
          font-size: 22rpx;
          color: #707070;
          border-top: 1rpx solid #D9D9D9;

          .suggest_title {
            font-weight: 900;
          }
        }
      }
    }
  }

  .list_title {
    margin-top: 100rpx;
    margin-bottom: 20rpx;
  }

  .list_none {
    text-align: center;
    margin-top: 50rpx;
    font-size: 35rpx;
  }
}

.card_list {
  margin-bottom: 100rpx;
}